import { BrowserRouter, Routes, Route } from "react-router-dom";

import { Landing } from "./pages/Landing";
import { NotFound } from "./pages/NotFound";
import { Login } from "./pages/Login";
import { Signup } from "./pages/Signup";
import { Home } from "./pages/Home";
import { Profile } from "./pages/Profile";
import { Mission } from "./pages/Mission";

export const App = () => (
  <BrowserRouter>
    <Routes>
      <Route path="/" element={<Landing />} />
      <Route path="login" element={<Login />} />
      <Route path="signup" element={<Signup />} />
      <Route path="home" element={<Home />} />
      <Route path="profile" element={<Profile />} />
      <Route path="profile/:username" element={<Profile />} />
      <Route path="mission/:missionId" element={<Mission />} />
      <Route path="*" element={<NotFound />} />
    </Routes>
  </BrowserRouter>
);
